import React from "react";
import { MyNavBar } from "../../../components";
import { useNavigate } from "react-router-dom";
import style from './style.module.scss'
import idCardBg from '../../../assets/images/image/hdpi/id_card_bg.png'

const Index: React.FC = () => {

  const navigate = useNavigate()

  return <div className={style.viewAuthenticationInformation}>
    <MyNavBar title="查看认证信息" style={{ background: '#fff' }} onClickLeft={() => navigate('/set/realname/authentication')}></MyNavBar>
    <div className={style.authenticationInformation}>
      <div className={style.information_box}>
        <img src={idCardBg} alt="" />
        <div className={style.information_conent}>
          <div className={style.name}>何雨森</div>
          <div className={style.sex_nation}>
            <div className={style.sex}>男</div>
            <div className={style.nation}>汉族</div>
          </div>
          <div className={style.card}>
            142563 **** **** 7486
          </div>
        </div>
      </div>
    </div>
  </div>;
};

export default Index;
